<div class="row align-items-center result-section">
    <div class="col-md-10" [routerLink]="company.isEnabled && !hasAddButton ? ['/research', 'company', company.companyNameUrlFriendly, 'overview'] : []"
        (click)="closeSearchModal()">
        <div class="row align-items-center">
            <div class="col-md-9">
                <div class="companyName">
                    <span [innerHtml]="company.companyName | highlight: term"></span>
                    <i class="ti-lock ml-2" *ngIf="!company.isEnabled"></i>
                </div>
                <span class="companyInfo mr-2">{{ company.subPeerGroup }}</span>|
                <span class="companyInfo ml-2">{{ company.country }}</span>
            </div>
            <div class="col-md-3">
                <span [innerHtml]="company.tickerAndExchange"></span>
            </div>
        </div>
    </div>
    <div class="col-md-2 text-right result-section">
        <button *ngIf="hasAddButton" (click)="addCompanyClicked(company.id)" class="btn btn-sm btn-primary result-section">Add</button>
        <img *ngIf="!hasAddButton && company.isEnabled && downloadLinks && downloadLinks.length > 0" src="/assets/icons-svg/icon-download.svg" (click)="showDownloads = !showDownloads" class="download-icon download-link result-section" />
    </div>
</div>
<div *ngIf="company.isEnabled" class="reports-container" [ngClass]="{'open': showDownloads}">
    <div *ngIf="showDownloads" class="result-section">
        <h6 class="text-uppercase small result-section" style="font-weight: 400">Reports Available</h6>
        <a *ngFor="let link of downloadLinks" href="javascript:;;" class="download-link text-link ml-4 result-section" (click)="downloadReport(link.data)">{{ link.name }}</a>
    </div>
</div>